<template>
  <div id="app"> 
    <Header :seller = seller></Header>     
    <router-view/>
  </div>
</template>

<script>
import Header from 'common/header/Header'
import axios from 'axios'
export default {
  name: 'App',
  data(){
      return {
          seller:{}
      }
  },
  components:{
      Header
  },
  created(){
      axios.get('/api/data.json').then((res)=>{  
        const data = res.data;
        this.seller = data.seller;
        console.log(data.seller);  //5-2        
      }).catch((err)=>{
        console.log(err);
      })   
  }
  
}
</script>

<style>
body,html{
    line-height: 1;
    font-weight: 200;
    font-family: 'PingFang SC','STHeitiSC-light','Helvetica-Light',Arial, Helvetica, sans-serif;
}
.clearfix{
    display: inline-block;   
}
.clearfix:after{
    display:block;
    content:'.';
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

</style>
